/* readex-pro-regular - latin */
@font-face {
    font-family: 'Readex Pro';
    font-style: normal;
    font-weight: 400;
    src: local(""), url("../css/fonts/readex-pro-v6-latin-regular.woff2") format("woff2"), url("../css/fonts/readex-pro-v6-latin-regular.woff") format("woff");
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* readex-pro-700 - latin */
@font-face {
    font-family: 'Readex Pro';
    font-style: normal;
    font-weight: 700;
    src: local(""), url("../css/fonts/readex-pro-v6-latin-700.woff2") format("woff2"), url("../css/fonts/readex-pro-v6-latin-700.woff") format("woff");
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
    font-family: "ROSans";
    src: url("../css/fonts/ROsanswebtextregular.woff") format('woff');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "ROSans";
    src: url("../css/fonts/ROsanswebtextitalic.woff") format('woff');
    font-style: italic;
    font-weight: normal;
}

@font-face {
    font-family: "ROSans";
    src: url("../css/fonts/ROsanswebtextbold.woff") format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "ROSerif";
    src: url("../css/fonts/ROserifwebregular.woff") format('woff');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "ROSerif";
    src: url("../css/fonts/ROserifwebitalic.woff") format('woff');
    font-style: italic;
    font-weight: normal;
}

@font-face {
    font-family: "ROSerif";
    src: url("../css/fonts/ROserifwebbold.woff") format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "icons-1647267483000";
    src: url("../css/fonts/icons-1647267483000.eot");
    src: url("../css/fonts/icons-1647267483000.eot?#iefix") format("eot"), url("../css/fonts/icons-1647267483000.woff") format("woff"), url("../css/fonts/icons-1647267483000.ttf") format("truetype"), url("../css/fonts/icons-1647267483000.svg#icons-1647267483000") format("svg");
    font-weight: normal;
    font-style: normal;
}


:root {
    --font-primary: Readex Pro, Helvetica, cursive;
    --primary-color: #022873;
    --primary-text-color: #FFFFFF;
    --secondary-color: #022873;
    --secondary-text-color: #FFFFFF;
    --border-radius: 1rem;
    --accent-color: var(--primary-color);
    --accent-color-secondary: var(--secondary-color);
    --accent-font-color: var(--primary-text-color);
    --accent-font-color-secondary: var(--secondary-text-color);
}

:root {
    /*new, WCAG Compliant:*/
    --btn-disabled-background: #808080; /*4.5 contrast with white and > 3 with fieldset background for filters WCAG AA*/
    --btn-disabled-border: #4A4A4A;
    --btn-primary-background: #003459;
    --btn-primary-active-background: #003e72;
    --btn-primary-hover-background: #00131f;
    --btn-primary-border: #003459;
    --btn-info-background: #128091; /* > 4.5 color contrast with white text */
    --btn-info-background-hover: #0F6876;
    --btn-info-background-disabled: #108193; /* darkened but > 4.5 contrast with both black and white text*/
    --btn-info-border: #128091;
    --btn-info-light-border: #71b8c3; /*lighter tone of blue to contrast the button from background*/
    --btn-warning-background: #CC4E00; /*contrast of exactly 4.5:1 with with both white and black text which complies with WCAG AA*/
    --btn-warning-background-hover: #B75000;
    --text-link: #004C9E; /*bootstrap color from <a> link, darkened so color contrast > 7:1*/
    --text-link-hover: #003975; /*darkenend bootstrap color from <a> link, darkened so color contrast > 7:1 */
    --form-control-checked-background: #0D873E; /*old bootstrap green darkened so contrast > 4.5 WCAG AA*/
    --form-control-checked-border: #0D873E;
    --form-control-border: #757575; /*grey with > 4.5 color coontrast to both black and white WCAG AA*/
    --form-control-border-hover: #3D3D3D;
    --form-control-label: #5b5b5b; /*bootstrap color grey*/
    --form-control-text: #495057; /*bootstrap color darker grey slight blue tint*/
    --form-control-background-readonly: lightgrey;
    --form-control-border-readonly: #4A4A4A;
    --required-star: #E52828; /*old red color darkened so color contrast == 4.5:1 with white. Complies with wcag AA*/
    --required-star-hover: #AD210B; /*old red color darkened so color contrast == 7:1 with white. Complies with wcag AAA*/
}

:root {
    --primary-color-lighter: #B7BEDC;
    --primary-color-lighter-2: #E0E0F0;
    --primary-color-lighter-3: #E5E6F6;
    --primary-color-lighter-4: #F7F7FB;
    --primary-color-lighter-5: #F4F4FA;
    --primary-color-lighter-6: #E8EBF2;
    --primary-color-lighter-7: #B7C2D7;
    --primary-color-lighter-8: #E9EDF3;
    --secondary-color-lighter: #E13434;
    --gray-color: #DBDFEC;
    --gray-color-lighter: #9F9FB1;
    --gray-color-lighter-2: #F2F2F2;
    --gray-color-darker: #474747;
    --green-color: #0C7A00;
    --warning-color: #947600;
    --warning-color-background: #fffbeb;
    --error-color: #BF0404;
    --error-color-background: #f0c7c7;
    --success-color: #48c774;
    --success-color-background: #dfffea;
    --font-primary: 'Readex Pro', Helvetica, cursive;
    --light: 300;
    --regular: 400;
    --medium: 500;
    --semibold: 600;
    --bold: 700;
    --box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07);
    --box-shadow-large: 0 2px 10px 5px rgba(0, 0, 0, 0.13);
    
}